<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1,maximum-scale=1,user-scalable=no">
  <meta name="Keywords" content="">
  <meta name="description" content="">
  <meta name="author" content="gya">
  <title>空创格科技 - 专业优质的企业服务商</title>
  <link href="css/normalize.css" rel="stylesheet">
  <link href="css/OwlCarousel.css" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="css/public.css" />
  <link rel="stylesheet" type="text/css" href="css/index.css" />
  <link rel="shortcut icon" href="favicon.ico">
  <link rel="bookmark" href="favicon.ico">
</head>

<body>
  <!--[if lte IE9]>
<p>你的浏览器版本过于老旧，请点击<a href="https://browsehappy.com/">这里</a>更新，以获取最佳体验。</p>
<script src="https://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
  <!-- 导航 -->
  <header class="nav">
    <div id="logo">
      <a href="index.html"><img src="img/logo2.png" class="logoImg"></a>
    </div>
    <h1 class="comName"><a href="index.html">江门市空创格科技有限公司</a></h1>
    <div class="navOpen lg-hidden table-hidden pc-hidden"></div>
    <ul class="navList">
      <div class="navClose lg-hidden table-hidden pc-hidden">×</div>
      <li><a href="index.html">首页</a></li>
      <li class="active"><a href="about.html">关于空创格</a></li>
      <li class="openBusinessNav"><a href="#">业务范围<span class="star"></span></a></li>
      <ul class="businessNav" id="businessNav"></ul>
      <li><a href="case.html">案例展示</a></li>
      <li><a href="news.html">行业动态</a></li>
      <li><a href="person.html">人才计划</a></li>
      <li><a href="contact.html">联系我们</a></li>
    </ul>
  </header>

  <!-- 中间 -->
  <!-- banner -->
  <div class="banner aboutBanner">
    <picture>
      <source media="(max-width:375px)" srcset="">
      <img src="" alt="banner">
    </picture>
  </div>

  <!-- 公司简介 -->
  <div class="briefIntroduction" id="po0">
    <h1 class="title-1">公司简介</h1>
    <hr class="title-1-underLine" />
    <ul class="briefIntroductionList">
      <li class="biItem phone-hidden">
        <img src="" alt="biImg" class="bi-media phone-hidden">
      </li>
      <li class="biItem">
        <p class="bi-title"></p>
        <p class="bi-text"></p>
      </li>
      <li class="biItem lg-hidden pc-hidden table-hidden phone-show">
        <img src="" alt="biImg" class="bi-media lg-hidden pc-hidden table-hidden phone-show">
      </li>
    </ul>
  </div>
  <!-- 空创格团队 -->
  <div class="teamTitle title-1" id="po2">空创格团队</div>
  <hr class="title-1-underLine" />
  <div class="teamBox">
    <div class="teamItem">
      <div class="teamImg">
        <img src="img/APP-bg1.png">
      </div>
      <p class="teamItemTitle">产品交互</p>
      <p class="teamItemText">产品设计团队根据客户提出的功能需求进行分析，结合用户的使用习惯、市场需求等一系列特性，给客户/用户设计出一个完整的产品原型设计交互方案。</p>
    </div>
    <div class="teamItem">
      <div class="teamImg">
        <img src="img/APP-bg2.png">
      </div>
      <p class="teamItemTitle">UI设计</p>
      <p class="teamItemText">UI设计团队根据项目原型进行产品全套界面设计，为客户/用户提供最优质的UI设计方案（风格图-全套设计）、满足客户需求的产品视觉效果。</p>
    </div>
    <div class="teamItem">
      <div class="teamImg">
        <img src="img/APP-bg3.png">
      </div>
      <p class="teamItemTitle">项目开发</p>
      <p class="teamItemText">由Wed端、Java、支持前后端开发，移动端Android、iOS等工程师组成的开发团队，有着“跨领域”丰富的项目开发经验，以专业的技术服务客户。</p>
    </div>
  </div>

  <!-- 人员介绍 -->
  <!-- <div class="staff" id="po1">
        <h1 class="title-1">人员介绍</h1>
        <hr class="title-1-underLine" />
        <ul class="staffList">

        </ul>
    </div> -->

  <!-- 环境 -->
  <div class="environment" id="po3">
    <h1 class="title">人员配置&nbsp;&nbsp;&nbsp;办公环境</h1>
    <div class="environmentList">

    </div>
  </div>

  <!-- 底部 -->
  <footer>
    <div class="footer-nav lg-hidden pc-hidden table-hidden">
      <ul class="footer-navList">
        <li class="footer-navItem"><a href="">业务范围<span class="fnr rotate1">></span></a>
          <ul class="footer-sonList hidden" id="phoneNav-business">

          </ul>
        </li>
        <li class="footer-navItem"><a href="case.html">案例展示<span class="fnr rotate1">></span></a>
          <ul class="footer-sonList hidden" id="phoneNav-case">

          </ul>
        </li>
        <li class="footer-navItem"><a href="">关于空创格<span class="fnr rotate1">></span></a>
          <ul class="footer-sonList hidden" id="phoneNav-about">

          </ul>
        </li>
        <li class="footer-navItem"><a href="">行业动态<span class="fnr rotate1">></span></a>
          <ul class="footer-sonList hidden" id="phoneNav-news">

          </ul>
        </li>
        <li class="footer-navItem"><a href="">人才计划<span class="fnr rotate1">></span></a>
          <ul class="footer-sonList hidden" id="phoneNav-person">

          </ul>
        </li>
        <li class="footer-navItem"><a href="">联系我们<span class="fnr rotate1">></span></a>
          <ul class="footer-sonList hidden">
            <li><a href="contact.html">联系我们</a></li>
          </ul>
        </li>
      </ul>
    </div>
    <ul class="footer-menu footer-PC-nav">
      <ul class="footer-menuList phone-hidden" id="footer-pc-business"></ul>
      <ul class="footer-menuList phone-hidden" id="footer-pc-case"></ul>
      <ul class="footer-menuList phone-hidden" id="footer-pc-about"></ul>
      <ul class="footer-menuList phone-hidden" id="footer-pc-news"></ul>
      <ul class="footer-menuList phone-hidden" id="footer-pc-person"></ul>
      <ul class="footer-menuList" id="footer-lastMenu">
        <li class="footer-title phone-hidden">联系我们</li>
        <li class="footerNavLine phone-hidden"></li>
        <li class="footer-contact">
          <img src="img/icon23.png" alt="联系地址" class="footer-Icon">
          联系地址：<span id="footer-pc-comName"></span>
        </li>
        <li class="footer-contact">
          <span style="display: inline-block;width: 18%;"></span>
          <span class="footer-pc-comName">广州市越秀区水荫二横路新达城广场南座2707</span>
      </li>
        <li class="footer-contact">
          <img src="img/icon24.png" alt="联系电话" class="footer-Icon">
          联系电话：<span id="footer-pc-phone"></span>
        </li>
        <li class="footer-contact" id="footer-RQ"></li>
      </ul>
    </ul>
    <hr>
    <div class="copyMessage">
      <span class="phone-hidden">版权所有：</span>
      <div class="phone-hidden bottomComName">
          <div>江门市空创格科技有限公司</div>
          <div>广州市加壹软件科技有限公司</div>
      </div>
      <span class="phone-hidden">Copyright&copy;</span>
      <span class="footer-serverTel phone-hidden">2017-2020</span>
      <span class="footer-keepOnRecord"><a
          href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44070402440896" target="_blank">
          <img src="img/guohui.png" alt="guohui" class="guohui">
          粤公网安备 44070402440896号</a></span>
      <span class="footer-keepOnRecord"><a href="http://www.beian.miit.gov.cn" target="_blank">粤ICP备18002115号</a></span>
      <!-- <a href="http://new.cnzz.com/v1/login.php?siteid=1278040824" target="_blank"><img src="img/cnzz.gif"
          alt="cnzz"></a> -->
      <!-- <a href="JavaScript:;"><img src="img/guohui.png" alt="guohui"></a> -->
      <!-- 站长统计 -->
      <script type="text/javascript">
        var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");
        document.write(unescape("%3Cspan id='cnzz_stat_icon_1278040824'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol +
          "s9.cnzz.com/z_stat.php%3Fid%3D1278040824%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));
      </script>
    </div>
  </footer>

  <script src="js/jquery.min.js"></script>
  <script src="js/OwlCarousel.min.js"></script>
  <script type="text/javascript" src="js/index.js"></script>
  <script src="js/api.js"></script>
  <script>
    $(function () {
      $.getUrlParam = function (name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return unescape(r[2]);
        return null;
      }
      point = $.getUrlParam('point')
      console.log(point)

      setTimeout(function () {
        let scrollTop = $('html').scrollTop()
        let top = $('#' + point).offset().top + scrollTop
        $("html").stop(true).animate({
          scrollTop: top + 'px'
        }, 400)
      }, 600)

    })
  </script>
</body>

</html>